<template>
    <div class="team">
        <div class="top">
            <div class="item"><img src="~assets/index/team.png" alt=""></div>
            <div><img src="~assets/index/team1.png" alt=""></div>
        </div>
        <div class="bot">
            <div><img src="~assets/index/team3.png" alt=""></div>
            <div class="item"><img src="~assets/index/team4.png" alt=""></div>
        </div>
            
    </div>
</template>

<script>
export default {
      name:'IndexTeam',
        
        data (){
            return {
             
            }
        },
        methods: {
           
            
        },
}
</script>
<style lang="stylus" scoped>
@import '~assets/varibles.styl'
.top
    overflow hidden
.top>div
    overflow hidden
    float left
    width 50%
.bot
    overflow hidden
.bot>div
    overflow hidden
    float left
    width 50%
.item>img
    transition all 0.3s        
.item:hover>img
    transform scale(1.1)
    
    
                                  
</style>
